<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
<input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
    <!--公共无数据提示 开始-->
    <li th:if="${#lists.isEmpty(dataMap['list'])}" id="no-data-li">
        <section class="no-data__wrap">
            <em>&nbsp;</em>
            <p>亲，暂无订单数据~~~</p>
        </section>
    </li>
    <!--公共无数据提示 结束-->
    <li th:if="!${#lists.isEmpty(dataMap['list'])}" th:each="order : ${dataMap['list']}">
        <section class="wm-line"></section>
        <div class="card">
            <div class="card-header">
                <span class="fs7 c-888" th:text="'订单号：'+${order['orderNo']}"></span>
                <span class="fs8 c-888">
                    <a th:if="${order['orderStatus']}=='INIT'" href="javascript:void(0);" class="c-888 cancel-order" th:id="'order-cancle-btn-'+${order['id']}" th:attrappend="data-id=${order['id']}">取消</a>
                </span>
            </div>
            <div class="card-content">
                <div class="list-block media-list">
                    <ul class="order-course-list">
                        <li class="item-content" th:attrappend="data-paytype=${order['orderStatus']}" th:each="details : ${order['orderDetailsList']}" th:attr="data-id=${details['shopId']},data-type=${details['shopType']} eq 'COURSE'?${details['shop']['course']['courseTypeKey']}:${details['shopType']}">
                            <div class="item-media" th:if="${details['shopType']}=='COURSE' or ${details['shopType']}=='BOOK'">
                                <div class="wm-item-picture__wrap pr">
                                    <img th:if="${details['shopType']}=='COURSE'" class="wm-img" th:attrappend="data-src=${details['shop']['course']['imageMap'] == null ? null : details['shop']['course']['imageMap']['mobileUrlMap']['small']}"  th:src="@{{path}/front/mobile/v3/img/default/error-pic.jpg?v={v}(path=${staticPath},v=${v})}" alt=""/>
                                    <img th:if="${details['shopType']}=='BOOK'" class="wm-img" th:attrappend="data-src=${details['shop']['book']['imageMap'] == null ? null : details['shop']['book']['imageMap']['mobileUrlMap']['large']}"  th:src="@{{path}/front/mobile/v3/img/default/error-pic.jpg?v={v}(path=${staticPath},v=${v})}" alt=""/>
                                </div>
                            </div>
                            <div class="item-inner">
                                <div class="item-title">
                                    <span th:if="${details['shopType']}=='COURSE'" class="fs7 c-333">
                                        <span th:if="${details['shop']['course']['courseTypeKey']}=='VIDEO'">【录播】</span>
                                        <span th:if="${details['shop']['course']['courseTypeKey']}=='LIVE'">【直播】</span>
                                        <span th:if="${details['shop']['course']['courseTypeKey']}=='PACKAGE'">【套餐】</span>
                                        <span th:if="${details['shop']['course']['courseTypeKey']}=='COLUMNS'">【专栏】</span>
                                        <span th:text="(${details['shop']}!=null?${details['shop']['shopName']}:${details['shopName']})"></span>
                                    </span>
                                    <span th:if="${details['shopType']}=='BOOK'">
                                        <span class="fs7 c-333" th:text="'【图书】'+(${details['shop']}!=null?${details['shop']['shopName']}:${details['shopName']})"></span>
                                    </span>
                                    <span th:if="${details['shopType']}=='MEMBER'">
                                        <em class="icon iconfont icon-zuanshi1 fs7 vam c-orange"></em>
                                        <span class="fs7 c-333" th:text="'【会员】'+(${details['shop']}!=null?${details['shop']['shopName']}:${details['shopName']})"></span>
                                    </span>
                                    <span th:if="${details['shopType']}=='EXAM'">
                                        <em class="icon iconfont icon-home-4 fs7 vam c-green"></em>
                                        <span class="fs7 c-333" th:text="'【试卷】'+${details['shopName']}"></span>
                                    </span>
                                    <span th:if="${details['shopType']}=='QA'">
                                        <em class="icon iconfont icon-wenda fs7 vam c-red"></em>
                                        <span class="fs7 c-333" th:text="'【问答】 '+(${details['shop']}!=null?${details['shop']['shopName']}:${details['shopName']})"></span>
                                    </span>
                                    <span th:if="${details['shopType']}=='ATTEND'">
                                        <em class="icon iconfont icon-xiaozufill fs7 vam c-blue"></em>
                                        <span class="fs7 c-333 vam" th:text="'【围观】'+(${details['shop']}!=null?${details['shop']['shopName']}:${details['shopName']})"></span>
                                    </span>
                                    <span th:if="${details['shopType']}=='ACCOUNT'">
                                        <em class="icon iconfont icon-iconzhenghe072907 fs7 vam c-green"></em>
                                        <span class="fs7 c-333" th:text="'【账户】'+(${details['shop']}!=null?${details['shop']['shopName']}:${details['shopName']})"></span>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <section class="card-footer">
                <span class="fs6 c-bbb">
                    实付价：<small class="fs4 c-red">￥</small>
                    <b class="c-red fs7" th:text="${order['realPrice']}"></b>
                    <small th:id="'order-status-'+${order['id']}"  th:if="${order['orderStatus']}=='INIT'" class="fs7 c-red ml5">- 未支付</small>
                </span>
                <aside th:id="'order-status-text-'+${order['id']}">
                    <a th:if="${order['orderStatus']}=='INIT'" th:href="@{/mobile/uc/order/newlyOrder?id={id}(id=${order['id']})}" class="ml5 fs6 c-red">去支付<em class="icon icon-right"></em></a>
                    <small th:if="${order['orderStatus']}=='SUCCESS'" class="fs6 c-999">已支付</small>
                    <small th:if="${order['orderStatus']}=='REFUND'" class="fs6 c-999">已退费</small>
                    <small th:if="${order['orderStatus']}=='CANCEL'" class="fs6 c-999">已取消</small>
                    <a th:href="@{/mobile/uc/order/orderDetail?orderId={orderId}(orderId = ${order['id']})}" th:if="${order['orderStatus']} !='INIT'" class="fs6">查看详情<em class="icon icon-right"></em></a>
                </aside>
            </section>
        </div>
    </li>
</html>
